<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="author" content="卢建铭">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <link rel="shortcut icon" href="">
        <title></title>
        <!-- <script src="bootstrap/js/jquery-3.3.1.js"></script>
        <script src="jquery.cookie.js"></script> -->
        <script src="https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://code.jquery.com/color/jquery.color.plus-names-2.1.2.js"></script>
        <script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
        <link rel="stylesheet" href="./css/jquery.Lslide.css">
        <style>
            
        </style>
    </head>
    <body>
        <div class="L-slide">
            <section class="L-prev">上一张</section>
            <section class="L-next">下一张</section>
            <ul>
                <li><img src="./images/1.jpg" alt="轮播图"></li>
                <li><img src="./images/2.jpg" alt="轮播图"></li>
                <li><img src="./images/3.jpg" alt="轮播图"></li>
                <li><img src="./images/4.jpg" alt="轮播图"></li>
                <li><img src="./images/5.jpg" alt="轮播图"></li>
                <li><img src="./images/6.jpg" alt="轮播图"></li>
                <li><img src="./images/7.jpg" alt="轮播图"></li>
            </ul>
        </div>

        <div class="L-slide">
            <section class="L-prev">上一张</section>
            <section class="L-next">下一张</section>
            <ul>
                <li><img src="./images/1.jpg" alt="轮播图"></li>
                <li><img src="./images/2.jpg" alt="轮播图"></li>
                <li><img src="./images/3.jpg" alt="轮播图"></li>
                <li><img src="./images/4.jpg" alt="轮播图"></li>
                <li><img src="./images/5.jpg" alt="轮播图"></li>
                <li><img src="./images/6.jpg" alt="轮播图"></li>
                <li><img src="./images/7.jpg" alt="轮播图"></li>
            </ul>
        </div>
        
        <div class="L-slide" id="mySlide3">
            <section class="L-prev">上一张</section>
            <section class="L-next">下一张</section>
            <ul>
                <li><img src="./images/1.jpg" alt="轮播图"></li>
                <li><img src="./images/2.jpg" alt="轮播图"></li>
                <li><img src="./images/3.jpg" alt="轮播图"></li>
                <li><img src="./images/4.jpg" alt="轮播图"></li>
                <li><img src="./images/5.jpg" alt="轮播图"></li>
                <li><img src="./images/6.jpg" alt="轮播图"></li>
                <li><img src="./images/7.jpg" alt="轮播图"></li>
            </ul>
        </div>
        
        <div class="L-slide" id="mySlide4">
            <section class="L-prev">上一张</section>
            <section class="L-next">下一张</section>
            <ul>
                <li><img src="./images/1.jpg" alt="轮播图"></li>
                <li><img src="./images/2.jpg" alt="轮播图"></li>
                <li><img src="./images/3.jpg" alt="轮播图"></li>
                <li><img src="./images/4.jpg" alt="轮播图"></li>
                <li><img src="./images/5.jpg" alt="轮播图"></li>
                <li><img src="./images/6.jpg" alt="轮播图"></li>
                <li><img src="./images/7.jpg" alt="轮播图"></li>
            </ul>
        </div>
        <script src="./libs/jquery-3.1.1.js"></script>
        <script src="./js/jquery.Lslide.js"></script>
        <script src="./index.js"></script>
    </body>
</html>